<div class="box">

    <div class="table">
        <el-table v-loading="mixinList_loading" :data="mixinList_tableData" border style="width: 100%;"
            default-expand-all height="100%" row-key="id" :ref="mixinPage_vueName+'TableSmall'">
            <el-table-column label="地区" width="200">
                <template slot-scope="scope">
                    <div>{{scope.row.province + scope.row.city + scope.row.region}}</div>
                </template>
            </el-table-column>
            <el-table-column prop="detailAddress" label="详细地址">
                <template slot-scope="scope">

                    <el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top">
                        <div slot="content">{{scope.row.detailAddress}}</div>
                        <div>{{scope.row.detailAddress}}</div>
                    </el-tooltip>

                </template>
            </el-table-column>
            <el-table-column prop="name" label="姓名"></el-table-column>
            <el-table-column prop="mobile" label="手机号"></el-table-column>
            <el-table-column label="是否默认">
                <template slot-scope="scope">
                    <div>{{scope.row.defaultStatus == 1? '是' :'否'}}</div>
                </template>
            </el-table-column>

        </el-table>
    </div>
    <!-- 分页 -->
    <div class="page">
        <el-pagination class="paginationStyle" :disabled="mixinList_pageData.total<=0" background
            @current-change="mixinList_pagingData($event,'tableData')" :current-page="mixinList_pageData.pageNum"
            :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
            :total.sync="mixinList_pageData.total">
        </el-pagination>
    </div>



</div>